<ion-header>
    <ion-toolbar>
        <ion-title>你好，请注册</ion-title>
    </ion-toolbar>
</ion-header>

<ion-content class="ion-padding" style="z-index:101">

    <h1>欢迎注册星空考试系统</h1>

    <ion-list>
        <ion-item>
            <ion-input placeholder="请输入用户名" [(ngModel)]="username">
                <div slot="label">用户名 <ion-text color="danger">*</ion-text></div>
            </ion-input>
        </ion-item>
        <ion-item>
            <app-comp-level-selector [required]="true" [(value)]="level"></app-comp-level-selector>
        </ion-item>
        <ion-item>
            <ion-input placeholder="请输入性别" [(ngModel)]="sex">
                <div slot="label">性别 <ion-text color="danger">*</ion-text></div>
            </ion-input>
        </ion-item>
        <ion-item>
            <ion-input placeholder="请输入年龄" [(ngModel)]="age">
                <div slot="label">年龄 <ion-text color="danger">*</ion-text></div>
            </ion-input>
        </ion-item>
        <ion-item>
            <ion-input placeholder="请输入密码" type="password" [(ngModel)]="password">
                <div slot="label">密码 <ion-text color="danger">*</ion-text></div>
            </ion-input>
        </ion-item>
        <ion-item>
            <ion-input placeholder="请再次输入密码" type="password" [(ngModel)]="confirm">
                <div slot="label">确认密码 <ion-text color="danger">*</ion-text></div>
            </ion-input>
        </ion-item>
        <ion-button expand="block" (click)="submitRig()">注册</ion-button>
    </ion-list>
    
    <div class="reg-btn" (click)="goLoginPage()">已有账号？点我登录</div>

</ion-content>